<!DOCTYPE html>
<!-- ng-app -->
<html lang="en" ng-app="app">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../../../js/plugins/angular/angular.min.js" type="text/javascript"></script>

    <script type="text/ng-template" id="cc">
        <div class="frame">
            <input type="text" ng-model="text">
            <div ng-transclude ></div><!-- 调用transclude -->
        </div>
    </script>
</head>
<body>
    <ts-tplscipt>{{text}}</ts-tplscipt>

    <script>
        var app = angular.module('app',[])
            .directive('tsTplscipt',function () {
                return {
                    restrict:'EAC',
                    templateUrl:'cc',
                    transclude:true/* 开启属性功能 */
                }
            })

    </script>
</body>
</html>